// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
    font-weight: 400 !important;
    color: #ffffff;

    &:hover {
        color: #F7B500;
    }
}

.el-upload {
    input[type="file"] {
        display: none !important;
    }
}

.el-upload__input {
    display: none;
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
    transform: none;
    left: 0;
    position: relative;
    margin: 0 auto;
}

// refine element ui upload
.upload-container {
    .el-upload {
        width: 100%;

        .el-upload-dragger {
            width: 100%;
            height: 200px;
        }
    }
}

// dropdown
.el-dropdown-menu {
    border: 0px solid #EBEEF5;
    background: rgba(1, 38, 83, 1);
    box-shadow: 0px 2px 4px 0px rgba(2, 21, 51, 1), 0px 1px 4px 0px rgba(0, 0, 0, 0.2);

    a {
        display: block;
    }
}

// to fix el-date-picker css style
.el-range-separator {
    box-sizing: content-box;
}

.el-table {
    background-color: transparent !important;
}

.el-table th {
    background: rgba(2, 57, 124, 1);
}

.el-table td, .el-table th.is-leaf {
    border-bottom: 0px solid #EBEEF5;
}

.has-gutter {
    tr {
        // background: rgba(2, 57, 124, 1);
        opacity: 0.59;

        th {
            width: 36px;
            height: 17px;
            font-size: 14px;
            font-weight: 400;
            color: rgba(35, 189, 234, 1);
            line-height: 17px;
        }
    }
}

.el-table th,
.el-table tr {
    background-color: rgba(37, 38, 47, 0.3) !important;
}

.el-table tr:nth-child(odd) {
    background-color: transparent !important;
}

.el-table tr:nth-child(even) {
    background: rgba(37, 38, 47, 0.3);
}

.el-table td,
.building-top .el-table th.is-leaf {
    border-bottom: 0px solid #02397C;
}

.el-table::before {
    border-bottom: 0px solid #02397C;

    // height: 2px
}

.el-table thead {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    background: rgba(247, 181, 0, 0.25);
}

.el-table {
    color: #6B91CE;
    font-size: 14px;
}

.el-table__empty-block {
    background-color: transparent !important;
}

.el-table__empty-text {
    color: #ccc;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: transparent !important;

    // opacity:0.9;
    color: #ffffff !important;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
    background-color: transparent !important;
}

.el-loading-mask {
    background-color: transparent !important;
}

.el-table .cell {
    color: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.el-pagination__total {
    color: #F7B500;
}

.el-input__inner {
    // width:180px;
    // height:32px;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid rgba(247, 181, 0, 0.7);
    background-color: transparent !important;

    &::placeholder {
        color: $placeholderColor;
        font-size: $placeholderfontSize;
    }

    &::-webkit-input-placeholder {
        /* WebKit browsers 适配谷歌 */
        color: $placeholderColor;
        font-size: $placeholderfontSize;
    }

    &:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 适配火狐 */
        color: $placeholderColor;
        font-size: $placeholderfontSize;
    }

    &::-moz-placeholder {
        /* Mozilla Firefox 19+ 适配火狐 */
        color: $placeholderColor;
        font-size: $placeholderfontSize;
    }

    &:-ms-input-placeholder {
        /* Internet Explorer 10+  适配ie*/
        color: $placeholderColor;
        font-size: $placeholderfontSize;
    }
}

.el-textarea__inner {
    color: #ffffff;
    background: transparent;
    border: 1px solid rgba(247, 181, 0, 0.7);

    &::placeholder {
        color: $placeholderColor;
        font-size: $placeholderfontSize;
    }

    &::-webkit-input-placeholder {
        /* WebKit browsers 适配谷歌 */
        color: $placeholderColor;
        font-size: $placeholderfontSize;
    }

    &:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 适配火狐 */
        color: $placeholderColor;
        font-size: $placeholderfontSize;
    }

    &::-moz-placeholder {
        /* Mozilla Firefox 19+ 适配火狐 */
        color: $placeholderColor;
        font-size: $placeholderfontSize;
    }

    &:-ms-input-placeholder {
        /* Internet Explorer 10+  适配ie*/
        color: $placeholderColor;
        font-size: $placeholderfontSize;
    }
}

.el-picker-panel__icon-btn:hover {
    color: #F7B500;
}

.el-pagination__editor.el-input .el-input__inner {
    width: 33px;
    height: 28px;
    border-radius: 3px;
    border: 1px solid #F7B500;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background: #F7B500;
}

.el-pagination.is-background .el-pager li:hover {
    background-color: $backgroundColor;
    color: #ffffff;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #F7B500;
}

.el-pagination__jump {
    width: 26px;
    height: 17px;
    font-size: 13px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 17px;
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #ffffff !important;
}

.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.disabled {
    color: #ffffff !important;
}

//下拉框
.el-popper {
    background: rgba(25, 27, 33, 0.8);
    box-shadow: 0px 2px 4px 0px rgba(25, 27, 33, 1), 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

.el-select-dropdown {
    border: 1px solid rgba(247, 181, 0, 0.7);
}

.el-select-dropdown__item {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 2px 4px rgba(247, 181, 0, 0.7);
}

.el-select .el-input__inner:focus {
    border-color: rgba(247, 181, 0, 0.7) !important;
}

.el-select-dropdown__item.selected {
    color: rgba(247, 181, 0, 0.7);
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 2px 4px rgba(247, 181, 0, 0.7);
    background: rgba(247, 181, 0, 0.7);
    box-shadow: 0px 2px 4px 0px rrgba(247, 181, 0, 0.7);
}

.el-select .el-input.is-focus .el-input__inner {
    border: 1px solid rgba(247, 181, 0, 0.7);
}

.popper__arrow {
    border-bottom-color: transparent !important;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: rgba(247, 181, 0, 1);
    border-style: hidden !important;
}

.el-range-editor .el-range-input {
    background: transparent;
    color: #ffffff;
}

.el-date-editor .el-range-separator {
    color: #ffffff;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
    background-color: rgba(247, 181, 0, 0.8);
    color: #ffffff;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #F7B500;
}

.el-date-range-picker .el-picker-panel__body {
    color: #fff;
    opacity: 0.6;
}

.el-date-range-picker__content.is-left {
    border: 1px solid rgba(247, 181, 0, 0.7);
}

.el-picker-panel {
    border: 1px solid rgba(247, 181, 0, 0.7);
}

.el-picker-panel__footer {
    background-color: transparent;
}

.el-date-table th {
    color: #ffffff;
}

.el-dropdown-menu__item {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 2px 4px rgba(37, 38, 47, 1);
}

.el-dropdown-menu__item--divided {
    margin-top: 0px;
    border-top: 0px solid #EBEEF5;
}

.el-dropdown-menu__item--divided:hover {
    color: #ffffff !important;
    background: rgba(37, 38, 47, 1) !important;
    box-shadow: 0px 2px 4px 0px rgba(37, 38, 47, 1) !important;
}

.el-dropdown-menu__item--divided:before {
    background-color: transparent;
}

.el-message-box {
    border: none;
    background: url("../assets/images/el-message-box-bg.png");
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;

    .el-message-box__btns {
        .el-button {
            background: rgba(247, 181, 0, 1);
            border: none;
            color: #ffffff;
            color: rgba(255, 255, 255, 0.8);
        }

        .el-button--primary {
            border-color: #F7B500 !important;
        }
    }
}

.el-button--primary {
    border-color: #F7B500 !important;
}

.el-message-box__status + .el-message-box__message {
    font-size: $fontSize14;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
}

.el-picker-panel__icon-btn {
    background: transparent;
    color: #fff;
}

.el-message--success {
    top: 30% !important;

    // width:332px;
    // height:145px;
    // border: none;
    background-color: rgba(37, 38, 47, 1);

    // background: url("../assets/images/el-message-box-bg.png");
    // background-size: 100% 100%;
    // -moz-background-size: 100% 100%;
}

.el-message--error {
    top: 30% !important;

    // width: 332px;
    // height: 145px;
    // background:rgba(12, 65, 102, 0.13);
    // box-shadow:0px 1px 14px 0px rgba(35, 122, 193, 1);
    // border: 1px #103464 solid;
    // border: none;
    // background: url("../assets/images/el-message-box-bg.png");
    // background-size: 100% 100%;
    // -moz-background-size: 100% 100%;
    background-color: rgba(37, 38, 47, 1);
}

.el-tabs__item {
    font-size: $fontSize14;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
}

.el-tabs__item:hover {
    color: rgba(247, 181, 0, 1);
}

.el-tabs__item.is-active {
    color: rgba(247, 181, 0, 1);
}

.el-tabs__active-bar {
    background: rgba(247, 181, 0, 1);
}

.el-tabs__nav-wrap::after {
    height: 1px;
    background-color: rgba(221, 221, 221, 0.21);
}

//tree
.el-tree {
    background: transparent !important;

    :hover {
        background: transparent;
    }

    .is-focusable {
        background: transparent;
    }
}

.el-tree-node__content:visited {
    background: rgba(250, 148, 0, 0.6);

    // background: linear-gradient(270deg, rgba(250, 148, 0, 0.6) 0%, rgba(247, 181, 0, 0) 100%);
}

.el-tree-node__content:active {
    background: rgba(250, 148, 0, 0.6);

    //  background: linear-gradient(270deg, rgba(250, 148, 0, 0.6) 0%, rgba(247, 181, 0, 0) 100%);
}

.el-tree-node__content:checked {
    background: rgba(250, 148, 0, 0.6);

    // background: linear-gradient(270deg, rgba(250, 148, 0, 0.6) 0%, rgba(247, 181, 0, 0) 100%);
}

.el-tree-node__content:hover {
    background: rgba(250, 148, 0, 0.6);

    // background: linear-gradient(270deg, rgba(250, 148, 0, 0.6) 0%, rgba(247, 181, 0, 0) 100%);
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background: rgba(250, 148, 0, 0.6);

    //  background: linear-gradient(270deg, rgba(250, 148, 0, 0.6) 0%, rgba(247, 181, 0, 0) 100%);
}

.el-tree-node__expand-icon {
    background: transparent;
}

// .el-icon-caret-right:before{
//   color: rgba(35, 189, 234, 0.8);
// }
.el-tree-node__label {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.el-dialog, .el-pager li {
    border: none;
    background-color: #25262F;

    // background: url("../assets/images/el-message-box-bg.png");
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

.el-form-item__label {
    font-size: $fontSize14;
    font-weight: 400;
    color: rgba(247, 181, 0, 0.8);
}

.el-form--label-left .el-form-item__label {
    text-align: right;
}

.el-dialog__title {
    font-size: $fontSize14;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
}

.el-checkbox {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
}

.el-checkbox__inner {
    // border: 1px solid #DCDFE6;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.el-checkbox__input.is-focus .el-checkbox__inner,
.el-checkbox__inner:hover {
    border-color: rgba(247, 181, 0, 1);
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    border-color: rgba(247, 181, 0, 1);
    background: rgba(247, 181, 0, 1);
    border-radius: 2px;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    font-size: 14px;
    font-weight: 400;
    color: rgba(247, 181, 0, 1);
}

.el-switch__label {
    position: absolute;
    display: none;
    font-size: 11px !important;
    color: #fff !important;
}

.el-switch__label * {
    font-size: 11px !important;
}

/*打开时文字位置设置*/
.el-switch__label--right {
    z-index: 1;
    right: 30px; // 这里是重点
    top: 0.5px;
}

/*关闭时文字位置设置*/
.el-switch__label--left {
    z-index: 1;
    left: 30px; // 这里是重点
    top: 0.5px;
}

/*显示文字*/
.el-switch__label.is-active {
    display: block;
}

.el-switch__core {
    width: 59px !important;
    height: 22px;
    border: 2px solid #DCDFE6;
    border-radius: 13px;
    border-color: #606266 !important;
    background-color: #606266 !important;
}

.el-switch.is-checked .el-switch__core {
    border-color: #F7B500 !important;
    background-color: #F7B500 !important;
}

.el-upload--picture-card {
    background: transparent;
    border: 1px dashed rgba(247, 181, 0, 1);

    &:hover {
        border: 1px dashed rgba(247, 181, 0, 1);
    }
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #F7B500;
    background: #252532;
}

.el-radio__input.is-checked + .el-radio__label {
    color: rgba(247, 181, 0, 0.8);
}

.el-table-filter {
    border: 1px solid rgba(37, 38, 47, 0.2);
    border-radius: 2px;
    background: rgba(37, 38, 47, 1);
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

.el-table-filter__list {
    // max-height: 176px;
    // overflow-y: scroll;
    padding: 0px 0;
}

.el-table-filter__list-item:hover {
    background: rgba(247, 181, 0, 0.2);
    color: #ffffff;
}

.el-table-filter__list-item.is-active {
    background: rgba(247, 181, 0, 0.2);
    color: #ffffff;
}

.el-upload-list__item {
    background: transparent !important;
}

.el-upload-list__item-name {
    color: rgba(255, 255, 255, 0.65);
}

.el-progress-bar__outer {
    background: rgba(45, 75, 118, 0.3);
    border-radius: 7px;
}

.el-time-spinner__item {
    color: #fff;
}

.el-time-spinner__item:hover {
    background: transparent !important;
}

.el-time-panel__btn {
    color: #F7B500;
}

.el-time-spinner__item.active:not(.disabled) {
    color: #fff;
}

.el-table,
.el-table__expanded-cell {
    background-color: #012251;
}

.el-table {
    color: #ffffff;
}

.footer {
    display: flex;
    text-align: right;

    .cancel {
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.8);
        cursor: pointer;
        width: 60px;
        height: 32px;
        margin-left: auto;
        margin-right: 20px;
        background: rgba(247, 181, 0, 0.7);
        text-align: center;
        line-height: 34px;
        border-radius: 4px;
    }

    .sure {
        border-radius: 4px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.8);
        cursor: pointer;
        width: 60px;
        height: 32px;
        text-align: center;
        line-height: 34px;
        background: rgba(247, 181, 0, 1);
    }
}

.customClass {
    width: 35%;
}

.el-input__icon {
    line-height: 35px;
}

.el-date-table td.current:not(.disabled) span {
    background-color: rgba(247, 181, 0, 1);
}

.el-button--text {
    color: #F7B500;
}

.el-time-panel__btn.confirm {
    color: #F7B500;
}
